<template>
  <div class="container">
    <svg class="icon" width="100px" height="75px" viewBox="0 0 1090 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path :fill="color" d="M493.238 282.64V118.455H245.793c-33.693 0-61.143-26.591-61.143-59.227C184.65 26.59 212.117 0 245.793 0h599.569c33.676 0 61.126 26.591 61.126 59.227 0 32.983-27.45 59.227-61.11 59.227H598.297V282.64h19.39c23.056 0 41.72 18.085 41.72 40.431v96.603l-227.312-0.364v-96.239c0-22.346 18.663-40.431 41.736-40.431h19.407zM86.049 912.286v68.096c0 9.926-8.357 18.085-18.878 18.085H18.878C8.358 998.466 0 990.307 0 980.018V544.504c0-10.273 8.357-18.432 18.878-18.432H67.17c10.52 0 18.878 8.159 18.878 18.432v88.675h160.586c6.69-91.219 84.53-163.146 179.613-163.146h221.845c95.083 0 172.924 71.927 179.63 163.146h160.932v-89.385c0-9.91 7.994-17.722 18.168-17.722h49.383c10.158 0 18.135 7.795 18.135 17.722v436.934c0.364 9.942-7.977 17.738-18.151 17.738h-49.383c-10.158 0-18.152-7.796-18.152-17.738v-68.443h-172.84C789.57 977.689 724.396 1024 648.092 1024H426.248c-76.288 0-141.477-46.295-167.721-111.715H86.049z"  />
    </svg>
    <span class="name">远恩阀门</span>
  </div>

</template>

<script>
export default {
  name: "Valve",
  props: {
    color: {
      type: String,
      default: "#A9A9A9", // 默认颜色:深灰色
    },
  },
}
</script>

<style scoped>
.container{
  width: 100px;
}
.name{
  display: flex;
  justify-content: center;
}
</style>
